<template>
  <div class="home">
    <gltitle :is_mt="true" :is_notice="false" :is_back="true" :is_name="true" :title="titleSize"></gltitle>



    <div class="container" style="padding: 0;">

      <div class="com">
        <!-- <div class="title">
          <div class="pic">
            <img src="../../assets/images/Group13.png" alt="">
            <div class="name">{{ info.title }}</div>
          </div>
          <div class="time">{{ info.time }}</div>
        </div> -->
        <div class="p" v-html="info.description"></div>
      </div>

    </div>
  </div>
</template>
<script>
import { mapActions, mapMutations, mapGetters } from "vuex";

export default {

  data() {
    return {
      titleSize:this.$t('title.doc43'),
      info:[]
    };
  },

  mounted() {
    this.$post(this.URL.home.article, {
      id:this.$route.query.id
    }).then((res) => {
      if (res.code == 0) {
        this.info = res.data
      } else {
        this.$toast(res.message);
      }
    });
  },
  methods: {
    ...mapMutations([
      "SET_USERDATA",
    ]),
    ...mapActions(["Get_userData,resetVuex"]),


    path_url(url){
      this.$router.push({
        path:url,
        query:{
        }
      });
    },
  },
};
</script>


<style lang="less" scoped>
  .com{
    margin-top: .32rem;
    // padding: .32rem;
    // background: var(--CObackgroundLinear2);
    border-radius: 0rem 0rem .2rem .2rem;
    font-size: .28rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: var(--COcolor3);
    // border-top: var(--COborder1);
    .p{
    line-height: .42rem;
  }
  .title{
    margin-bottom: .26rem;
    padding-bottom: .26rem;
    border-bottom: var(--COborder3);
    .pic{
      margin-bottom: .16rem;
      display: flex;
      align-items: center;
      img{
        height: .32rem;
        margin-right: .16rem;
      }
      .name{
        font-size: .32rem;
        font-weight: 500;
        color: var(--COcolor3);
      }
    }
    .time{
      color: var(--COcolor1);
      margin-left: .48rem;
    }
  }
  
}

</style>